
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/shutter.css">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"  />
</head>
<body>

<div class="shutter">
    <div class="shutter-img">
        <a href="#" data-shutter-title="你这个傻妞还想骗我你乱加的，其实我第一眼就知道了！！！" style="text-align: center"><img src="image/01.PNG" ></a>
        <a href="#" data-shutter-title="如果不是看到你这张照片估计你已经被我拉黑！因为第一眼我就觉得你就是我要等的人。" style="text-align: center"><img src="image/02.PNG" alt="#"></a>
        <a href="#" data-shutter-title="一看你朋友圈你的公司就暴露了。" style="text-align: center"><img src="image/03.PNG" alt="#"></a>
        <!--<a href="#" data-shutter-title="The your" style="text-align: center"><img src="0.PNG" alt="#"></a>-->
    </div>
    <ul class="shutter-btn">
        <li class="prev"></li>
        <li class="next"></li>
    </ul>
    <div class="shutter-desc">
        <p>你这个傻妞还想骗我你乱加的，其实我第一眼就知道了！！！</p>
    </div>
</div>

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/velocity.js"></script>
<script src="js/shutter.js"></script>
<script>
    $(function () {
        $('.shutter').shutter({
            shutterW:  window.screen.width, // 容器宽度
            shutterH: window.screen.height-105, // 容器高度
            isAutoPlay: true, // 是否自动播放
            playInterval: 3000, // 自动播放时间
            curDisplay: 0, // 当前显示页
            fullPage: false // 是否全屏展示
        });
    });
</script>

</body>
</html>